require("../css/home.less")
document.ready(function(){
  window.$$.footer('home')
  
     var mySwiper = new Swiper ('.swiper-container', {
          direction: 'horizontal', // 垂直切换选项
          speed:200,
          //0loop: true, // 循环模式选项
          autoplay: {
          delay: 1000,
          stopOnLastSlide: false,
          disableOnInteraction: false,
          },
          // 如果需要分页器
          pagination: {
            el: '.swiper-pagination',
          },
         
          // 如果需要前进后退按钮
          // navigation: {
          //   nextEl: '.swiper-button-next',
          //   prevEl: '.swiper-button-prev',
          // },
          
          // 如果需要滚动条
          // scrollbar: {
          //   el: '.swiper-scrollbar',
          // },
        })        
    //这是首页的js区域   
   //这是测试信息区域
     /* "rank": 4,  // 排名
        "insigniaNum": 0,  // 运动徽章数量
        "isPunch": true,  // 是否打卡
        "punchIn": 7   */// 打卡天数
     //这是页面开始调用函数发送axios请求区域
     let rank_num=document.querySelector("#rank_num");
     let rank_day=document.querySelector("#rank_day");
     let emblem_num=document.querySelector("#emblem_num");
     let  clock=document.querySelector("#clock");
     
     let userId=JSON.parse(localStorage.getItem("user")).userId
    
     
    
        data1();
        function data1(){
            axios.get($$.username+`/headPageInfo?userId=${userId}`)
            .then(function(res){
            let ret=res.data;
            console.log(ret.data);
            
            if(ret.status===0){
               data2(ret.data)
            }
           
            
            })
            .catch(function(error){
           
           console.log(error);
           
            })

         };

        // 这是填充数据区域的函数
         function data2(obj){
          rank_num.textContent=obj.rank;
          rank_day.textContent=obj.punchIn;
          emblem_num.textContent=obj.insigniaNum
          clock.textContent=obj.isPunch==='true'?'已打卡':"今日打卡";
          flae=obj.isPunch==='true'?true:false;
         }
         //这是今日打卡区域的开始
        let flae=true;
         clock.addEventListener('click',function(){
          if(flae){
            window.$$.showmask('cuo','今日已打过卡了')
          }else{
            axios.get($$.username+`/clockIn?userId=${userId}`)
            .then(function(res){
              let ret=res.data;
              if(ret.status===0){
               data1();
               window.$$.showmask('correct-1-mini','打卡成功')
 
              }else if(ret.status===1){
               window.$$.showmask('cuo','今日已打过卡')
              }
            }).catch()
          }
         })
        
     
})